<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>
    <style scoped>
        .container {
            height: 120vh;
            overflow: hidden;
            background-image: url("https://s2.loli.net/2024/06/01/ZpPovdOjslQ8HLY.jpg");
            background-size: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
        }
        a {
            color: #2a60c9;
        }
    </style>
</head>
<body>
<div class="container">
    <div style="width: 330px; padding: 30px; background-color: white; border-radius: 15px;">
        <div style="text-align: center; font-size: 20px; margin-bottom: 20px; color: #333">欢迎登录图书借阅平台</div>
        <form action="LoginServlet" method="post">
            <div style="margin-bottom: 20px;">
                <input type="text" name="name" placeholder="请输入账号" style="width: 100%; height: 30px">
            </div>
            <div style="margin-bottom: 20px;">
                <input type="password" name="pd" placeholder="请输入密码" style="width: 100%;height: 30px">
            </div>
            <div style="margin-bottom: 20px;">
                <select style="width: 100%;height: 30px">
                    <option value="USER">用户</option>
                    <option value="ADMIN">管理员</option>
                </select>
            </div>
            <div style="margin-bottom: 20px;">
                <input type="submit" value="登录" style="width: 100%; height: 30px; background-color: #28826b; border-color: #28826b; color: white">
            </div>
            <div style="display: flex; align-items: center">
                <div style="flex: 1"></div>
                <div style="flex: 1; text-align: right">
                    还没有账号？请 <a  href="register.jsp">注册</a>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>